<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>业务详细</title>
<!-- bootstrap-datetimepicker时间控件 -->
<script type="text/javascript" src="../js/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="10002/10002.js"></script>
<script type="text/javascript">
	$('#fileupload').hide();
	$('#buttons').hide();
</script>
<style>
#bstable td{width:130px; text-align: right; background-color: #eee; }
</style>
</head>
<body style="background-color: white;">
<div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">业务资料</h3>
			</div>

			<div class="panel-body">
				<form id="Business">
	<!-- 业务信息 -->
	<table class="table table-bordered" id="bstable"
		style="vertical-align: middle !important;">
		<tr>
			<td class="tdTitle">中文船名：<span style="color:red;">*</span></td>
			<td><input type="text" class="form-control" name="shipname" placeholder="请输入中文船名"></td>
			<td class="tdTitle">英文(拼音)船名：</td>
			<td><input type="text" class="form-control" name="shipnameen" placeholder="请输入英文(拼音)船名"></td>
			<td class="tdTitle">船舶登记号：</td>
			<td><input type="text" class="form-control" name="regno" placeholder="请输入船舶登记号"></td>
		</tr>
		<tr>
			<td class="tdTitle">船舶识别号：</td>
			<td><input type="text" class="form-control" name="shipidnumber" placeholder="请输入船舶识别号"></td>
			<td class="tdTitle">初次登记号：</td>
			<td><input type="text" class="form-control" name="initregno" placeholder="请输入初次识别号"></td>
			<td class="tdTitle">牌簿号：</td>
			<td><input type="text" class="form-control" name="cardno" placeholder="请输入牌簿号"></td>
		</tr>
		<tr>
			<td class="tdTitle">MMSI：</td>
			<td><input type="text" class="form-control" name="mmsi" placeholder="请输入mmsi"></td>
			<td class="tdTitle">IMO：</td>
			<td><input type="text" class="form-control" name="imo" placeholder="请输入imo"></td>
			<td class="tdTitle">呼号：</td>
			<td><input type="text" class="form-control" name="callsign" placeholder="请输入呼号"></td>
		</tr>
		<tr>
			<td class="tdTitle">船旗国：<span style="color:red;">*</span></td>
			<td><select class="form-control" name="flagcode" id="flagcode" onchange="" placeholder="请选择船旗国"></select></td>
			<td class="tdTitle">船籍港：</td>
			<td><select class="form-control" name="portcode" id="portcode" onchange="" placeholder="请选择船籍港"></select></td>
			<td class="tdTitle">船舶类型：<span style="color:red;">*</span></td>
			<td><select class="form-control" name="markcode" id="markcode" onchange="" placeholder="请选择船舶类型"></select></td>
		</tr>
		<tr>
			<td class="tdTitle">船舶种类：<span style="color:red;">*</span></td>
			<td><select class="form-control" name="typecode" id="typecode" onchange="" placeholder="请选择船舶种类"></select></td>
			<td class="tdTitle">总吨位：<span style="color:red;">*</span></td>
			<td><input type="number" class="form-control" name="grosstonnage" placeholder="请输入总吨位"></td>
			<td class="tdTitle">净吨位：</td>
			<td><input type="number" class="form-control" name="nettonnage" placeholder="请输入净吨位"></td>
		</tr>
		<tr>
			<td class="tdTitle">参考载重吨：</td>
			<td><input type="number" class="form-control" name="deadweight" placeholder="请输入参考载重吨"></td>
			<td class="tdTitle">主机总功率：<span style="color:red;">*</span></td>
			<td><input type="number" class="form-control" name="enginepower" placeholder="请输入主机总功率"></td>
			<td class="tdTitle">龙骨以上最大高度(米)：</td>
			<td><input type="number" class="form-control" name="mouldedheight" placeholder="请输入龙骨以上最大高度"></td>
		</tr>
		<tr>
			<td class="tdTitle">船舶总长(米)：</td>
			<td><input type="number" class="form-control" name="overalllength" placeholder="请输入船舶总长"></td>
			<td class="tdTitle">船舶型宽(米)：</td>
			<td><input type="number" class="form-control" name="mouldedbreadth" placeholder="请输入船舶型宽"></td>
			<td class="tdTitle">船舶型深(米)：</td>
			<td><input type="number" class="form-control" name="mouldeddepth" placeholder="请输入船舶型宽"></td>
		</tr>
		<tr>
			<td class="tdTitle">核定航区：</td>
			<td><select class="form-control" name="typecode" id="areacode" onchange="" placeholder="请选择船舶种类"></select></td>
			<td class="tdTitle">船身颜色：</td>
			<td><input type="text" class="form-control" name="shipcolour" placeholder="请输入船身颜色"></td>
			<td class="tdTitle">建造日期：</td>
			<td><div class="input-group date form_datetime " id="building" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input">
							<input id="builddate" name="builddate" class="form-control" placeholder="请选择建造日期" type="text" value="" readonly> 
								<span class="input-group-addon">
								<span class="glyphicon glyphicon-th"></span>
								</span> 
								<input type="hidden" sizeid="dtp_input" value="" />
				</div>
			</td>
		</tr>
		<tr>
			<td class="tdTitle">额定箱位(个)：</td>
			<td><input type="number" class="form-control" name="ratedbox" placeholder="请输入额定箱位"></td>
			<td class="tdTitle">额定车位(辆)：</td>
			<td><input type="number" class="form-control" name="ratedparking" placeholder="请输入额定车位"></td>
			<td class="tdTitle">乘客定额(位)：</td>
			<td><input type="number" class="form-control" name="ratedseating" placeholder="请输入乘客定额"></td>
		</tr>
		<tr>
			<td class="tdTitle">航速：</td>
			<td><input type="text" class="form-control" name="speed" placeholder="请输入航速"></td>
			<input type ='text' id='recordid' name='recordid' hidden/>
		</tr>
		<tr>
			<td class="tdTitle">所有人：</td>
			<td><input type="text" class="form-control" name="owner" placeholder="请输入所有人"></td>
			<td class="tdTitle">所有人英文：</td>
			<td><input type="text" class="form-control" name="owneren" placeholder="请输入所有人英文"></td>
			<td class="tdTitle">所有人联系电话：</td>
			<td><input type="text" class="form-control" name="ownertelephone" placeholder="请输入所有人联系电话"></td>
		</tr>
		<tr>
			<td class="tdTitle">所有人地址：</td>
			<td colspan="5"><input type="text" class="form-control" name="owneraddress" placeholder="请输入所有人地址"></td>
		</tr>
		<tr>
			<td class="tdTitle">所有人英文地址：</td>
			<td colspan="5"><input type="text" class="form-control" name="owneraddressen" placeholder="请输入所有人英文地址"></td>
		</tr>
		<tr>
			<td class="tdTitle">经营人：</td>
			<td><input type="text" class="form-control" name="ownertelephone" placeholder="请输入经营人"></td>
			<td class="tdTitle">经营人英文：</td>
			<td><input type="text" class="form-control" name="operatoren" placeholder="请输入经营人英文"></td>
			<td class="tdTitle">经营人联系电话：</td>
			<td><input type="text" class="form-control" name="operatortelephone" placeholder="请输入经营人联系电话"></td>
		</tr>
		<tr>
			<td class="tdTitle">经营人地址：</td>
			<td colspan="5"><input type="text" class="form-control" name="operatoraddress" placeholder="请输入经营人地址"></td>
		</tr>
		<tr>
			<td class="tdTitle">经营人英文地址：</td>
			<td colspan="5"><input type="text" class="form-control" name="operatoraddressen" placeholder="请输入经营人英文地址"></td>
		</tr>
	</table>
	</form>
	</div>
	</div>
			<div class="panel panel-primary">
			<div class="panel-heading" style=" position: relative">
				<h3 class="panel-title">提交材料</h3>
				<button style="position: absolute;right:10px;top:3px" type="button" onclick="addrecordcertificate()" class="btn btn-success" ><span class="glyphicon glyphicon-insert"></span>添加</button>
			</div>
				
			<table class="table"  style="text-align: center;" id="recordcertificate">
				<thead>
					<tr>
						<th style="width: 20%; text-align: center;">证书类型</th>
						<th style="width: 15%; text-align: center;">签发日期</th>
						<th style="width: 15%; text-align: center;">有效截止日期</th>
						<!-- <th style="width: 10%; text-align: center;">是否长期有效</th> -->
						<th style="width: 30%; text-align: center;">附件</th>
						<th style="width: 5%; text-align: center;">操作</th>
						<th style="width: 5%; text-align: center;">删除</th>
					<tr>
				</thead>
				<tbody >
						
				</tbody>
			</table>
				
		</div>
		<div style="text-align: center;">
			<button type="button" class="btn btn-primary" id="submitRecord">提交</button>
			<button type="button" class="btn btn-info" id="saveRecord">保存</button>
			<button type="button" class="btn btn-default" onclick="window.close();">取消</button>
		</div>
	</div>
	
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="fileuploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						文件上传
					</h4>
				</div>
				<div class="modal-body">            	
					<input class="upload" name="file" multiple type="file" data-show-caption="true" fileid="">
				</div>
				<div class="modal-footer">
					
				</div>
			</div>
			
			<!-- modal增加移动效果 start -->
			<script src="../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
			<script type="text/javascript">
		    	$("#fileuploadmodal").draggable();//为模态对话框添加拖拽
			</script>	
			<!-- modal增加移动效果 end -->	
									
		</div><!-- /.modal -->
	</div>
</body>
</html>